<div class="top-panel">
    <div class="home-icon" ng-click="home();">
        <img src="image/smes_v340/hamburg.png" ng-class="{'ispnone': $root.isPhone == 'Y'}"/>
        <div class="kmi-can-click"></div>
    </div>
</div>
<div class="content-panel" ng-show="isShowProgram">
    <div class="smes-logo" ng-if="modules.length == 0"><span>s</span>MES</div>
    <!-- 20220613 modify by Alan for#112054 : 新增小選單我的最愛及作業搜尋 -->
    <!-- 20220615 modify by Alan for#112054 : 修正小選單狀態顯示 -->
    <!-- 20230314 modify by Alan for#130175 :  -->
    <div class="side-menu-item" ng-click="myFavourite();" ng-if="!isPhone">
        <img src="image/smes_v340/W_Com_Love_nor_32-1.png"/>
        <div class="kmi-can-click"></div>
        <label ng-bind="'home.myFavourite' | translate"></label>
    </div>
    <div class="side-menu-item" ng-click="openSearchDialog();" ng-class="{ 'is-select' : isOpenSearchDialog }" ng-if="!isPhone">
        <img ng-if="!isOpenSearchDialog" src="image/smes_v340/W_Com_Search_nor_32-1.png"/>
        <img ng-if="isOpenSearchDialog" src="image/smes_v340/W_Com_Search_sel_32.png"/>
        <div class="kmi-can-click"></div>
        <label ng-bind="'home.search' | translate"></label>
    </div>
    <div ng-repeat="moduleItem in modules | orderBy: 'order' | filter: {isShow : true} track by moduleItem.name"
        class="side-menu-item" ng-click="showSideSubMenu(moduleItem);" ng-class="{'is-select' : $root.selectModule.name == moduleItem.name}">
        <img ng-src="{{ 'image/smes_v340/menu/' + moduleItem.icon + ($root.selectModule.name == moduleItem.name ? '_sel' : '') + '.png' }}"></img>
        <div class="kmi-can-click"></div>
        <label ng-bind="moduleItem.displayText"></label>
    </div>
</div>
<div class="bottom-panel">
    <div class="side-menu-item" ng-repeat="tool in sideTools" ng-click="tool.click(tool);" ng-class="tool.class">
        <img ng-if="!tool.class.includes('is-select')" src="image/smes_v340/menu/W_Com_Message_nor_32.png" />
        <img ng-if="tool.class.includes('is-select')" src="image/smes_v340/menu/W_Com_Message_sel_32.png" />
        <div class="side-menu-item__name" ng-bind="tool.name | translate"></div>
        <div class="dot" style="right: 8px;" ng-show="tool.dot > 0" ng-bind="tool.dot"></div>
        <div class="kmi-can-click"></div>
    </div>
    <div class="side-menu-item mobile-no-show" ng-click="settings();" ng-class="{'is-select' : $root.currentState == 'setting'}">
        <img ng-if="$root.currentState != 'setting'" src="image/smes_v340/menu/W_Com_Setting_nor_32.png"/>
        <img ng-if="$root.currentState == 'setting'" src="image/smes_v340/menu/W_Com_Setting_sel_32.png"/>
        <div class="side-menu-item__name" ng-bind="'SideMenu.settings' | translate"></div>
        <div class="kmi-can-click"></div>
    </div>
</div>
<div class="side-menu-border"></div>
